.avatarWrap {
  width: 240px;
  height: 240px;
  margin-top: 64px;
  @apply relative overflow-hidden mx-auto;
  .avatar {
    width: 240px;
    height: 240px;
    @apply block object-cover rounded-full;
  }
  .avatarCamera {
    z-index: 999999;
    width: 64px;
    height: 64px;
    @apply absolute right-[8px] bottom-[8px];
  }
}
.list {
  .listItem {
    border-bottom: 2px solid #0000000d;
    @apply flex flex-row items-center box-border px-[32px];
    &.listItemInput {
      height: 94px;
    }
    .requiredMask {
      @apply text-[#FF5000];
    }
    .listItemLabel {
      @apply text-[#393939] text-[28px] flex-none;
    }
    .showText {
      @apply text-[#393939] text-[28px] flex-1 mr-[16px] text-right py-[32px];
      &.input {
        border: none;
        outline: none;
        min-height: unset !important;
        height: 100% !important;
        box-sizing: border-box !important;
        @apply text-right;
      }
      &.mobilePhone {
        @apply text-[#5278FD] flex justify-end;
        .phoneBtn {
          background-color: inherit !important;
          width: fit-content !important;
          margin: 0 !important;
          padding: 0 !important;
          outline: none !important;
          border: none !important;
          appearance: none !important;
          color: #5278fd;
          line-height: inherit !important;
          font-size: 28px;
          &::after {
            content: none !important;
            background: inherit !important;
          }
        }
      }
      &.bgImageText {
        @apply flex justify-end box-border items-center;
        .bgImage {
          width: 160px;
          height: 120px;
          @apply box-border block object-cover;
        }
      }
    }
  }
}
.UnknownBtn {
  width: 598px;
  height: 88px;
  margin-top: 58px;
  @apply mx-auto box-border bg-[#5278FD] text-[#ffffff] flex flex-row justify-center items-center rounded-[44px] font-500 text-[32px];
}
.settingArrow {
  @apply text-[#333333] text-[28px];
}
.auditStatus {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 24px;
  height: 56px;
  line-height: 56px;
  border-radius: 32px;
  padding-left: 16px;
  padding-right: 16px;
  @apply absolute;
  &.auditStatusBg {
    left: 0;
    top: 0;
    transform: translate(0, 0);
    position: relative;
    @apply mr-16px flex flex-row items-center;
  }
}
.auditStatus.shenhezhong {
  background: #ff8615cc;
}
.auditStatus.weigui {
  background: #ff5000cc;
}
.auditStatusIcon {
  width: 28px;
  height: 28px;
  box-sizing: border-box;
}
